import React, { Component } from 'react';
import Header from './Header';

const ThemeContext = React.createContext();

// class Header extends Component {
//   render () {
//     return (
//       <ThemeContext.Consumer>
//         {context => (
//           <h2 style={{background: context.background, color: context.color}}>{this.props.title}</h2>
//         )}
//       </ThemeContext.Consumer>
//     );
//   }
// }

class NewContextDemo extends Component {

  render() {
    return (
      <ThemeContext.Provider value={{background: 'red', color: 'white'}}>
        <div>context 新API Demo</div>
        <Header title="Demo01"></Header>
      </ThemeContext.Provider>
    );
  }

}

export default NewContextDemo;
